import React, { memo } from 'react'
import {
  Wrapper,
  LeftWrapper,
  RightWrapper
} from './style'

export default memo(function RankingDescription() {
  return (
    <Wrapper>
      <LeftWrapper className="cover">
        <img src="https://p2.music.126.net/N2HO5xfYEqyQ8q6oxCw8IQ==/18713687906568048.jpg?param=150y150" alt=""/>
      </LeftWrapper>
      <RightWrapper>
        <h2>新歌榜</h2>
        <div className="LastUpdate">
          <i></i>
          <div>09月11日</div>
          <div>刚刚更新</div>
        </div>
        <div className="buttonBox">
          <button>播放</button>
          <button>播放</button>
          <button>播放</button>
        </div>
      </RightWrapper>
    </Wrapper>
  )
})
